<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>music</title>
    <!-- 网页顶部logo-->
    <link rel="shortcut icon" href="./images/favicon.jpg"/>
    <!-- Bootstrap -->
    <link href="lib/bootstrap-3.3.5/dist/css/bootstrap.min.css" rel="stylesheet">

    <!--自己的css文件-->
    <link rel="stylesheet" href="./css/basic.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
    <link type="text/css" rel="stylesheet" href="css/login.css"/>
    <link type="text/css" href="css/loginstyle.css" rel="stylesheet" />


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->
</head>
<body>

<!--背景-->
<div id="mainBody">
    <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
    <!--登录-->
    <div class="login-form">
        <div class="close"> </div>
        <div class="head-info">
            <label class="lbl-1 lbl"> </label>
            <label class="lbl-2 lbl"> </label>
            <label class="lbl-3 lbl"> </label>
        </div>
        <div class="clear"> </div>
        <div class="avtar">
            <img src="images/avtar.png" />
        </div>
        <form>
            <input type="text" class="text" value="Username" id="username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" >
            <div class="key">
                <input type="password" value="Password" id="password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
            </div>
            <div id="rememberPassword"><input type="checkbox" checked="checked" id="checkPassword"/>记住密码&nbsp;&nbsp;&nbsp;&nbsp;<a href="./registry.html"class="registry">注册</a></div>
            <p id="message">用户名或密码不能为空!</p>
        </form>
        <div class="signin">
            <input type="submit" value="Login" id="submit">
        </div>
    </div>
</div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./lib/jquery/jquery-1.12.2.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./lib/bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="./js/wow.js"></script>

<script src="./js/snowfall.jquery.js"></script>
<script src="./js/login.js"></script>
<script src="./js/common.js"></script>

<script>
    //    $(document).snowfall('clear');
    //    $(document).snowfall({
    //        image: "images/huaban.png",
    //        flakeCount:30,
    //        minSize: 5,
    //        maxSize: 22
    //    });
</script>
</body>
</html>